body {
    background: #F0F0F0;
    font-size: 14px;
}

img {
    display: block;
}

/* 头部搜索选择区 start */
.title {
    background: url(../img/titBg.png) no-repeat;
    background-size: cover;
    padding: .3rem .15rem .15rem;
}

.titText {
    font-size: .17rem;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: .25rem;
}

.selectNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn {
    width: .7rem;
    height: .28rem;
    padding: 0;
    border-radius: .33rem;
    border:1px solid #FFFFFF;
    font-size: .14rem;
    color: #FFFFFF;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchBox {
    width: 2.6rem;
    height: .32rem;
    border-radius: .24rem;
    font-size: .14rem   ;
    opacity: 1;
    padding-left: .12rem;
    box-sizing: border-box;
    background: url('../img/search.png') no-repeat 95% center;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04);
}

/* 头部搜索选择区 end */
/* 中部导航金刚区 start */
.centerNav {
    background-color: #FFFFFF;
    padding: .1rem;
    display: grid;
    grid-template-columns: repeat(4, auto);

    margin-bottom: .15rem;

}

.nav {
    width: .71rem;
    height: .75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 0 auto !important;
}

.nav>span {
    font-size: .14rem;
    color: #383B46;
}
.navs {
    position: relative;
}
/* 中部导航金刚区 end */

/* 内容详情区域 */

/* 项目概况 start */
.zhCategory,
.itemState,
.bigItem {
    background-color: #FFFFFF;
    padding: .15rem;
    margin-bottom: .15rem;
}

.itemTitle {
    display: flex;
    border-bottom: .5px solid #D7D8DA;
    justify-content: space-between;
    padding-bottom: .15rem;
    margin-bottom: .15rem;
}

.itemTitleLeft {
    position: relative;
    display: flex;
    align-items: center;
}

/* 伪类图标 */
.kong:after {
    content: '';
    display: inline-block;
    width: 3px;
    height: .15rem;
    background: #36BF1B;
    border-radius: .25rem;
    opacity: 1;
    position: absolute;
    top:.05rem;
    left:0rem;
}

.itemName {
    margin-left: .1rem;
    font-size: .18rem;
    color: #383B46;
    font-weight: bold;
}

.itemTitleRight {
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #9B9DA3;
}

.itemTitleRight_img {
    margin-left: .8rem;
}

.itemAll {
    margin-right:.03rem;
}

.itemContent {
    display: flex;
    gap: .15rem;
    justify-content: space-between;
}

.mouhua {
    width: 1.65rem;
    height: 1.37rem;
    padding: .1rem;
    box-sizing: border-box;
    background: url(../img/mouhuaBg.png)no-repeat;
    background-size: cover;
    background-color: #EDF9F7;
    border-radius:.04rem;
    opacity: 1;
}

.mouhuaName {
    font-size: .14rem;
    font-weight: bold;
    color: #36BF1B;
    margin-bottom: .1rem;
}

.mouhuaNum {
    font-size: .24rem;
    font-weight: bold;
    color: #383B46;
    display: block;
    margin-bottom: .1rem;
}


.zaitan,
.qianyue {
    width: 1.65rem;
    height: .6rem;
    padding: .1rem;
    border-radius:.04rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zaitan {
    background-color: #FBF6EE;
    margin-bottom: .15rem;
}

.zaitan_content>span {
    font-size: .14rem;
    font-weight: bold;
    color: #36BF1B;
}

.zaitan_content>p {
    font-size: .24rem;
    font-weight: bold;
    color: #383B46;
}

.qianyue_content>span {
    font-size: .14rem;
    font-weight: bold;
    color: #36BF1B;
}

.qianyue_content>p {
    font-size: .24rem;
    font-weight: bold;
    color: #383B46;
}

.qianyue {
    background-color: #EEF5FE;
}

/* 项目概况 end */

/* 重大项目 start */
.bigItemContent {
    display: grid;
    grid-template-columns: repeat(4, auto);
    align-items: center;
    justify-content:space-around;
}

.bigItemMoney {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    justify-content: space-around;
}

.bigItemContents {
    /* width: .95rem; */
    height: .5rem;
    text-align: center;
    line-height: .25rem;
    font-size: .12rem;
    color: #9B9DA3;
    
}

.bigItemNum {
    font-size: .24rem;
    font-weight: bold;
    color: #383B46;
}

.bigItemNums {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bigItemColor {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    z-index: 10;
    margin-right: 5px;
}

.bigItemColor1 {
    background-color: #36BF1B;
}

.bigItemColor2 {
    background-color: #53B1FD;
}

.bigItemColor3 {
    background-color: #F79009;
}

/* 重大项目 end */
/* 底部导航 */
.itemTabBar {
    width: 100vw;
    display: grid;
    grid-template-columns: repeat(5, auto);
    background-color: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 20;
}

.tabBar {
    text-align: center;
    padding: .1rem 0;

}

.tabBar img {
    width: .24rem;
    height: .24rem;
    margin: 0 auto !important;
}

.itemTabBar-kong {
    height: .61rem;
}